<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layui省市区级联插件</title>
    <link rel="stylesheet" type="text/css" href="http://layui.hcwl520.com.cn/layui/css/layui.css" />
</head>

<body>
    <div class="layui-fluid">

        <form class="layui-form" action="" lay-filter="component-form-group">
            <div class="layui-card">
                <div class="layui-card-header">编辑信息</div>
                <div class="layui-card-body" style="padding: 15px;">
                    <div class="layui-form-item">
                        <label class="layui-form-label">选择地址</label>
                        <div class="layui-input-block">
                            <div class="layui-inline">
                                <select name="province" lay-filter="province" lay-verify="required">
                                    <option></option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select name="city" lay-filter="city" lay-verify="required">
                                    <option></option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select name="area" lay-filter="area" lay-verify="required">
                                    <option></option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <script src="http://layui.hcwl520.com.cn/layui/layui.js"></script>
        <script>
            layui.config({
                base: 'layui_exts/'
            }).extend({
                pca: 'pca/pca'
            }).use(['form', 'pca'], function () {
                var pca = layui.pca;
                pca.init('select[name=province]', 'select[name=city]', 'select[name=area]', "江苏省", "南京市", "江宁区");
            })
        </script>
</body>

</html>